@charset "utf-8";
@function p($px){
    @return $px/2+px;
}
.menu{
    position:fixed;
    bottom:p(67);
    z-index:1;
    width:100%;
    padding:0;
    li{
        list-style:none;
        width:p(171);
        height:p(70);
        margin:0 auto;
        img{
            width:100%;
        }
    }
}
.indexMobile{
    .section1{
        background:url(../img/shouye_bg.png)no-repeat;
        background-size:cover;
        overflow: hidden;
        .logo{
            width:p(103);
            height:p(38);
            overflow:hidden;
            margin-top:p(44);
            margin-left:p(44);
            img{
                width:100%;
            }
        }
        .title{
            margin-top:p(79);
            display:flex;
            flex-direction: column;
            align-items: center;
            img:nth-child(1){
                width:p(381);
                position: relative;
                z-index:1;
            }
            img:nth-child(2){
                width:p(576);
                position: relative;
                top:p(-20);
            }
            img:nth-child(3){
                width:p(352);
                position:relative;
                top:p(-20);
            }
            img:nth-child(4){
                width:p(341);
                position:relative;
                top:p(-10);
            }
        }
        .person{
            width:100%;
            position:relative;
            img:nth-child(1){
                width:p(94);
                position:absolute;
                left:20%;
                margin-left:p(-50);
                top:p(175);
                animation-name: img1;
                animation-duration:3s;
                animation-iteration-count:infinite;
                animation-iteration-count: 1;
                animation-delay: 3s;
            }
            @keyframes img1{
                0%{
                    transform: scale(1);
                }
                50%{
                    transform:scale(2)
                }
                100%{
                    transform: scale(1);
                }
            }
            
            img:nth-child(2){
                width:p(148);
//              height:p(82);
                position:absolute;
                left:80%;
                margin-left:p(-74);
                top:p(175);
                animation-name: img2;
                animation-duration:3s;
                animation-iteration-count:infinite;
                animation-iteration-count: 1;
                animation-delay:2s;
            }
            @keyframes img2{
                0%{
                    transform: scale(1);
                }
                50%{
                    transform:scale(2);
                }
                100%{
                    transform: scale(1);
                }
            }
            
            img:nth-child(3){
                width:p(339);
//              height:p(421);
                position:absolute;
                left:50%;
                margin-left:p(-170);
                top:p(100);
                z-index: 2;
                animation-name: img3;
                animation-duration:5s;
                animation-iteration-count:infinite;
                animation-iteration-count: 1;
            }
            @keyframes img3{
                0%{
                    transform: translateY(-300%);
                    opacity: 0;
                }
                40%{
                    transform:translateY(10%);
                }
                60%{
                    transform:translateY(0);
                }
                80%{
                    transform:translateY(10%);
                }
                100%{
                    transform:translateY(0);
                    opacity: 1;
                }
            }
            
            img:nth-child(4){
                width:p(128);
                position:absolute;
                left:20%;
                margin-left:p(-64);
                top:p(418);
                animation-name: img4;
                animation-duration:3s;
                animation-iteration-count:infinite;
                animation-iteration-count: 1;
                animation-delay:4s;
            }
            @keyframes img4{
                0%{
                    transform: scale(1);
                }
                50%{
                    transform:scale(2)
                }
                100%{
                    transform: scale(1);
                }
            }
            
            img:nth-child(5){
                width:p(94);
//              height:p(57);
                position:absolute;
                left:85%;
                margin-left:p(-47);
                top:p(410);
                animation-name: img5;
                animation-duration:3s;
                animation-iteration-count:infinite;
                animation-iteration-count: 1;
                animation-delay:5s;
            }
            @keyframes img5{
                0%{
                    transform: scale(1);
                }
                50%{
                    transform:scale(2)
                }
                100%{
                    transform: scale(1);
                }
            }
            
            img:nth-child(6){
                width:p(65);
//              height:p(65);
                position:absolute;
                left:80%;
                margin-left:p(-74);
                top:p(87);
                z-index:1;
            }
           
            img:nth-child(7){
                width:p(193);
//              height:p(421);
                position:absolute;
                left:80%;
                margin-left:p(-125);
                top:p(37);
                animation-name: img7;
                animation-duration:3s;
                animation-direction:alternate;
                animation-iteration-count:infinite;
                animation-timing-function:ease-in;
            }
            @keyframes img7{
                0%{
                   
                    opacity: 1;
                }
                
                100%{
                    opacity: 0;
                }
            }
        }
        .cloud{
            position:relative;
            img:nth-child(1){
                width:p(58);
                position:absolute;
                top:p(-58);
                left:-10%;
                z-index:3;
                animation-name:cloud1;
                animation-duration:60s;
                animation-iteration-count:infinite;
            }
            @keyframes cloud1{
                0%{
                    transform:translateX(1200%);
                    opacity: 1;
                }
                100%{
                    transform: translateX(-10%);
                    opacity: 0;
                }
            }
            img:nth-child(2){
                width:p(43);
                position:absolute;
                top:p(72);
                left:-10%;
                z-index:3;
                animation-name:cloud2;
                animation-duration:70s;
                animation-iteration-count:infinite;
            }
            @keyframes cloud2{
                0%{
                    transform:translateX(1200%);
                    opacity: 1;
                }
                100%{
                    transform: translateX(-10%);
                    opacity: 0;
                }
            }
            img:nth-child(3){
                width:p(59);
                position:absolute;
                top:p(142);
                left:-10%;
                z-index:3;
                animation-name:cloud3;
                animation-duration:50s;
                animation-iteration-count:infinite;
            }
            @keyframes cloud3{
                0%{
                    transform:translateX(1200%);
                    opacity: 1;
                }
                100%{
                    transform: translateX(-10%);
                    opacity: 0;
                }
            }
            img:nth-child(4){
                width:p(34);
                position:absolute;
                top:p(164);
                left:-10%;
                z-index:3;
                animation-name:cloud4;
                animation-duration:70s;
                animation-iteration-count:infinite;
            }
            @keyframes cloud4{
                0%{
                    transform:translateX(1800%);
                    opacity: 1;
                }
                100%{
                    transform: translateX(-10%);
                    opacity:0;
                }
            }
            img:nth-child(5){
                width:p(77);
                position:absolute;
                top:p(-56);
                left:10%;
                z-index:3;
                animation-name:cloud5;
                animation-duration:20s;
                animation-iteration-count:infinite;
            }
            @keyframes cloud5{
                0%{
                    transform:translateY(0);
                    opacity: 1;
                }
                100%{
                    transform: translateY(-50%);
                    opacity: 0;
                }
            }
        }
    }
//  问题页
    .question{
        background:url(../img/bg.png)no-repeat;
        background-size:cover;
        .slide:nth-child(1) .subject_bottom ul li:nth-child(1):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(2) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(3) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(4) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(5) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(6) .subject_bottom ul li:nth-child(1):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(7) .subject_bottom ul li:nth-child(4):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(8) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(9) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(10) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(11) .subject_bottom ul li:nth-child(4):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(12) .subject_bottom ul li:nth-child(1):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(13) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(14) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(15) .subject_bottom ul li:nth-child(4):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(16) .subject_bottom ul li:nth-child(4):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(17) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(18) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(19) .subject_bottom ul li:nth-child(3):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(20) .subject_bottom ul li:nth-child(4):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(21) .subject_bottom ul li:nth-child(2):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide:nth-child(22) .subject_bottom ul li:nth-child(1):hover{
            background:url(../img/checked.png)no-repeat;
            background-size:cover;
        }
        .slide{
            position:relative;
            .subject_top{
                text-align: center;
                p{
                    color:#fff;
                    font-size:p(33);
//                  text-align: center;
                    margin-top:p(103);
                    text-align: left;
//                  text-indent: -2em;
                    margin-left:p(40);
                }
                img{
                    width:p(250);
                }
                
            }
            .subject_bottom{
                position:absolute;
                bottom:p(94);
                left:0;
                margin-top:p(150);
                ul{
                    text-align: left;
                    li{
                        list-style: none;
                        width:p(368);
                        height:p(63);
                        line-height: p(50);
                        margin-bottom:p(28);
                        
                        background:url(../img/check.png)no-repeat;
                        background-size:cover;
                    }
                    li:hover{
                        background:url(../img/check1.png)no-repeat;
                        background-size:cover;
                    }
//                  li:first-child:hover{
//                      background:url(../img/checked.png)no-repeat;
//                      background-size:cover;
//                  }
                }
            }
            .dog{
                img:nth-child(1){
                    z-index:1;
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    width:p(83);
                }
                
                
                img:nth-child(2){
                    width:p(65);
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    animation-name:music1;
                    animation-duration:5s;
                    animation-iteration-count:infinite;
                    
                    animation-delay:4s;
                    
                }
                @keyframes music1{
                    0%{
                        transform:translateY(0);
                        opacity: 1;
                    }
                    100%{
                        transform:translateY(-600%);
                        opacity: 0;
                    }
                }
                
                img:nth-child(3){
                    width:p(74);
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    animation-name:music2;
                    animation-duration:4s;
                    animation-iteration-count:infinite;
                    animation-delay:3s;
                }
                @keyframes music2{
                    0%{
                        transform:translateY(0);
                        opacity: 1;
                    }
                    100%{
                        transform:translateY(-600%);
                        opacity: 0;
                    }
                }
                
                img:nth-child(4){
                    width:p(75);
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    animation-name:music3;
                    animation-duration:7s;
                    animation-iteration-count:infinite;
                    animation-delay:2s;
                }
                @keyframes music3{
                    0%{
                        transform:translateY(0);
                        opacity: 1;
                    }
                    100%{
                        transform:translateY(-600%);
                        opacity: 0;
                    }
                }
                
                img:nth-child(5){
                    width:p(69);
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    animation-name:music4;
                    animation-duration:6s;
                    animation-iteration-count:infinite;
                    animation-delay:1s;
                }
                @keyframes music4{
                    0%{
                        transform:translateY(0);
                        opacity: 1;
                    }
                    100%{
                        transform:translateY(-600%);
                        opacity: 0;
                    }
                }
                
                img:nth-child(6){
                    width:p(100);
                    position:absolute;
                    bottom:10%;
                    right:10%;
                    animation-name:music5;
                    animation-duration:7s;
                    animation-iteration-count:infinite;
                }
                @keyframes music5{
                    0%{
                        transform:translateY(0);
                        opacity: 1;
                    }
                    100%{
                        transform:translateY(-400%);
                        opacity: 0;
                    }
                }
            }
            .yun{
                position:relative;
                z-index:-1;
                img:nth-child(1){
                    position:absolute;
                    top:p(-100);
                    left:-10%;
                    width:p(112);
                    animation-name:yun1;
                    animation-duration:20s;
                    animation-iteration-count:infinite;
                }
                @keyframes yun1{
                    0%{
                        transform: translateX(1000%);
                    }
                    100%{
                        transform:translateX(0);
                    }
                }
                
                img:nth-child(2){
                    position:absolute;
                    top:p(-120);
                    left:-10%;
                    width:p(64);
                    animation-name:yun2;
                    animation-duration:20s;
                    animation-iteration-count:infinite;
                }
                @keyframes yun2{
                    0%{
                        transform: translateX(1000%);
                    }
                    100%{
                        transform:translateX(0);
                    }
                }
                img:nth-child(3){
                    position:absolute;
                    top:p(-80);
                    left:-10%;
                    width:p(78);
                    animation-name:yun3;
                    animation-duration:20s;
                    animation-iteration-count:infinite;
                }
                @keyframes yun3{
                    0%{
                        transform: translateX(1000%);
                    }
                    100%{
                        transform:translateX(0);
                    }
                }
                img:nth-child(4){
                    position:absolute;
                    top:p(-10);
                    left:-10%;
                    width:p(78);
                    animation-name:yun4;
                    animation-duration:30s;
                    animation-iteration-count:infinite;
                }
                @keyframes yun4{
                    0%{
                        transform: translateX(1000%);
                    }
                    100%{
                        transform:translateX(0);
                    }
                }
                img:nth-child(5){
                    position:absolute;
                    top:p(-250);
                    left:-10%;
                    width:p(78);
                    animation-name:yun5;
                    animation-duration:25s;
                    animation-iteration-count:infinite;
                }
                @keyframes yun5{
                    0%{
                        transform: translateX(1000%);
                    }
                    100%{
                        transform:translateX(0);
                    }
                }
            }
            .test_result{
                margin-top:p(229);
                img:nth-of-type(2){
                    position:absolute;
                    top:p(45);
                    left:p(45);
                    width:p(103);
                }
                img:nth-of-type(3){
                    position:absolute;
                    bottom:p(62);
                    left:p(104);
                    width:p(260);
                }
                img:nth-of-type(1){
                    position:absolute;
                    left:50%;
                    top:50%;
                    transform: translate(-50%,-50%);
                    width:p(534);
                    height:p(864);      
                }
                >div{
                    position:absolute;
                    left:50%;
                    top:35%;
                    transform: translate(-50%,-50%);
                    h1{
                    font-size:p(56);
                    color:#f6ff00;
                    text-align: center; 
                    -webkit-text-stroke:2px #000;
                    z-index:2;
                }
                p{
                    height:p(65);
                    line-height:p(65);
                    text-align: center;
                    font-size:p(37);
                    color:#fff;
                    z-index:999;
                    span{
                        color:#36ff00;
                    }
                }
                }
                input{
                    position:absolute;
                    right:p(119);
                    bottom:p(225);
                    width:p(195);
                    height:p(66);
                    background:#deff00;
                    border:none;
                    border-radius: p(10);
                    font-size:p(31);
                    color:#384000;
                    box-shadow: p(7) p(7) p(0) #4e580e;
                }
            }
            .share{
                width:100%;
                height:100%;
                overflow: hidden;
                >img:nth-of-type(1){
                    z-index:-1;
                    width:p(103);
                    position:absolute;
                    top:p(45);
                    left:p(45);
                }
                >img:nth-of-type(2){
                    z-index:-1;
                    width:p(173);
                    height:p(173);
                    position:absolute;
                    left:50%;
                    top:10%;
                    transform: translateX(-50%);
                }
                input{
                    z-index:-1;
                    width:p(138);
                    height:p(47);
                    background:#deff00;
                    font-size:p(23);
                    color:#384000;
                    border:none;
                    border-radius: p(10);
                    box-shadow: p(7) p(7) p(0) #4e580e;
                }
                input:nth-of-type(1){
                    position:absolute;
                    left:p(151);
                    bottom:p(153)
                }
                input:nth-of-type(2){
                    position:absolute;
                    right:p(151);
                    bottom:p(153)
                }
                
                >p:nth-of-type(1){
                    position:absolute;
                    left:50%;
                    top:23%;
                    width:100%;
                    text-align: center;
                    transform:translateX(-50%);
                    color:#fff;
                    font-size:p(36);
                    span{
                        color:#deff00;
                    }
                }
                >p:nth-of-type(2){
                    position:absolute;
                    left:5%;
                    top:40%;
                    transform:translateY(-50%);
                    color:#d5d5d5;;
                    font-size:p(26);
                }
                >p:nth-of-type(3){
                    width:p(132);
                    height:p(56);
                    line-height: p(56);
                    text-align: center;
                    background:#5c727a;
                    font-size:p(24);
                    border-radius: p(28);
                    position:absolute;
                    left:5%;
                    top:50%;
                }
                >p:nth-of-type(4){
                    width:p(160);
                    height:p(56);
                    line-height: p(56);
                    text-align: center;
                    background:#a1b25f;
                    font-size:p(24);
                    border-radius: p(28);
                    position:absolute;
                    left:50%;
                    top:55%;
                    transform:translateX(-50%);
                }
                >p:nth-of-type(5){
                    width:p(160);
                    height:p(56);
                    line-height: p(56);
                    text-align: center;
                    background:#bbcbd9;
                    font-size:p(24);
                    border-radius: p(28);
                    position:absolute;
                    left:60%;
                    top:40%;
                }
                >p:nth-of-type(6){
                    width:p(180);
                    height:p(56);
                    line-height: p(56);
                    text-align: center;
                    background:#c3c126;
                    font-size:p(24);
                    border-radius: p(28);
                    position:absolute;
                    left:60%;
                    top:60%;
                }
                >p:nth-of-type(7){
                    color:#d5d5d5;
                    font-size:p(26);
                    position:absolute;
                    width:100%;
                    text-align: center;
                    bottom:p(290);
                }
                textarea{
                    width:80%;
                    height:p(55);
                    
                    padding-left:p(8);
                    position:absolute;
                    bottom:p(216);
                    left:50%;
                    transform: translateX(-50%);
                    background:transparent;
                    border:p(1) solid #fff;
                    font-size:p(24);
                    color:#fff;
                }
                label{
                    >input{
                        display:none;
                    }
                    >div{
                    position:absolute;
                    top:0;
                    width:100%;
                    height:100%;
                    background:rgba(0,0,0,0.9); 
                    >img{
                        
                        width:p(168);
                        position:absolute;
                        left:50%;
                        top:20%;
                        transform: translateX(-50%);
                        
                    }
                    >p{
                        font-size:p(33);
                        color:#fff;
                        width:100%;
                        text-align: center;
                        position:absolute;
                        left:50%;
                        top:40%;
                        transform: translateX(-50%);
                    }
                }
                }
               #zhezhaoceng:checked ~ div{
                   display:none;
               }
            }
            .follow{
                width:100%;
                height:100%;
                >img:nth-of-type(1){
                    width:p(103);
                    position:absolute;
                    left:p(45);
                    top:p(45);
                }
                >img:nth-of-type(2){
                    z-index:-1;
                    width:p(173);
                    height:p(173);
                    position:absolute;
                    left:50%;
                    top:10%;
                    transform: translateX(-50%);
                    
                }
                >div:nth-of-type(1){
                    position:fixed;
                    bottom:0;
                    width:100%;
                    height:p(70);
                    line-height: p(70);
                    background:#2c2c2c;
                    
                    >p{
                        margin:0;
                        display:inline-block;
                        width:100%;
                        height:100%;
                        color:#fff;
                        font-size:p(21);
                        margin-left:p(20);
                        span{
                            width:p(117);
                            height:p(47);
                            background:#deff00;
                            color:#2c2c2c;
                            display:inline-block;
                            border-radius: p(5);
                            text-align: center;
                            line-height: p(47);
                            margin-left:p(30);
                        }
                    }
                }
                >img:nth-of-type(3){
                    position:absolute;
                    right:4%;
                    bottom:1.5%;
                    width:p(36);
                    height:p(28);
                }

                >p{
                    width:p(396);
                    height:p(43);
                    line-height: p(43);
                    font-size:p(15);
                    color:#fff;
                    position:absolute;
                    left:50%;
                    top:27%;
                    transform: translateX(-50%);
                    background:#75b9ff;
                    display:inline-block;
                    text-align: center;
                    border-radius: p(10);
                    >span{
                        position:absolute;
                        left:50%;
                        transform: translateX(-50%);
                        top:p(-10);
//                      border-top:p(10) solid #75b9ff;
                        border-right:p(10) solid transparent;
                        border-left:p(10) solid transparent;
                        border-bottom:p(10) solid #75b9ff;
                    }
                }
                >span{
                    font-size:p(15);
                    color:#fff;
                    position:absolute;
                    left:50%;
                    top:35%;
                    transform: translateX(-50%);
                }
                >ul{
                    margin:0 auto;
                    margin-top:72%;
                    li{
                        list-style: none;
                        >img{
                        width:p(59);
                        vertical-align: middle;
                    }
                    >p{
                        font-size:p(15);
                        color:#fff;
                        width:p(395);
                        height:p(43);
                        line-height:p(43);
                        padding-left:p(20);
                        margin-left:p(10);
                        border-radius: p(10);
                        background:#f346f3;
                        display:inline-block;
                        vertical-align: middle;
                        position:relative;
                        >span{
                            position:absolute;
                            top:50%;
                            transform: translateY(-50%);
                            left:p(-7);
                            border-top:p(7) solid transparent;
                            border-right:p(7) solid #f346f3;
    //                      border-left:p(7) solid transparent;
                            border-bottom:p(7) solid transparent;
                        }
                    }
                    
                    }
                }
                label{
                    overflow: hidden;
                    >input{
                        display:none;
                    }
                    >div{
                    position:absolute;
                    top:0;
                    width:100%;
                    height:100%;
                    background:rgba(0,0,0,0.9); 
                    >img{
                        width:p(314);
                        position:absolute;
                        left:50%;
                        top:40%;
                        transform: translate(-50%,-50%);
                        
                    }
                    >p{
                        font-size:p(33);
                        color:#fff;
                        position:absolute;
                        left:50%;
                        top:55%;
                        transform: translateX(-50%);
                        text-align: center;
                    }
                }
                }
                #erweima:checked ~ div{
                   display:none;
               }
            }
            
        }
        .slide:nth-child(23){
//          background:url(..img/result_bg.png)no-repeat;
            background:url(../img/result_bg.png)no-repeat;
            background-size:cover;
        }
         .slide:nth-child(24){       // 添加遮罩层
            
        }
        .slide:nth-child(3),
        .slide:nth-child(5),
        .slide:nth-child(6),
        .slide:nth-child(7),
        .slide:nth-child(12),
        .slide:nth-child(16),
        .slide:nth-child(17),
        .slide:nth-child(22)
        {
            .subject_top{
                img{
                    width:p(300);
                }
            }
        }
        .slide:nth-child(4),
        .slide:nth-child(6),
        .slide:nth-child(7),
        .slide:nth-child(12),
        .slide:nth-child(15),
        .slide:nth-child(16),
        .slide:nth-child(17)
        {
            .subject_top{
                
                img{
                    margin-top:p(70);
                    width:p(300);
                }
            }
        } 
        
    }
}



@media only screen and(max-width:375px){
        .menu{
            position:fixed;
            bottom:p(10);
            z-index:1;
            width:100%;
            padding:0;
        li{
            list-style:none;
            width:p(171);
            height:p(70);
            margin:0 auto;
            img{
                width:100%;
            }
        }
    }
}
@media only screen and (min-width:375px){

    .indexMobile{
        .section1{
            .logo{
                width:p(120);
            }
            .title{
                img:nth-child(1){
                    width:p(400);
                }
                img:nth-child(2){
                    width:p(600);
                }
                img:nth-child(3){
                    width:p(380);
                }
                img:nth-child(4){
                    width:p(370);
                }
            }
            .person{
                img:nth-child(1){
                    width:p(124);
                }
                img:nth-child(2){
                    width:p(178);
                }
                img:nth-child(3){
                    width:p(369);
                }
                img:nth-child(4){
                    width:p(158);
                }
                img:nth-child(5){
                    width:p(158);
                }
                img:nth-child(6){
                    width:p(95);
                }
            }
        }
        .question{
            .slide{
                .subject_top{
                    img{
                        margin-top:p(100);
                        width:p(350);
                    }
                }
                
            }
            .slide:nth-child(3),
            .slide:nth-child(4),
            .slide:nth-child(5),
            .slide:nth-child(6),
            .slide:nth-child(7),
            .slide:nth-child(12),
            .slide:nth-child(16),
            .slide:nth-child(17),
            .slide:nth-child(22)
            {
                .subject_top{
                    img{
                        width:p(400);
                    }
                }
            }
        }
    }
}

@media only screen and (min-width:414px){
    .indexMobile{
        .section1{
            .logo{
                width:p(150);
            }
            .title{
                img:nth-child(1){
                    width:p(430);
                }
                img:nth-child(2){
                    width:p(630);
                }
                img:nth-child(3){
                    width:p(410);
                }
                img:nth-child(4){
                    width:p(400);
                }
            }
        }
        .question{
            .slide{
                .subject_bottom{
                    ul{
                        li{
                            width:p(491);
                            height:p(84);
                            line-height: p(84);
                            margin-bottom:p(28);
                        }
                    }
                }
            }
        }
        
    }
}
.fp-controlArrow{
                display:none;
        }